<template>
  <div id="nav">
    <div class="logo"></div>
    <Weather />
  </div>
</template>

<script>
import Weather from "./weather";
export default {
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: { Weather }
};
</script>

<style scoped lang='less'>
#nav {
  position: fixed; 
  width: 100%;
  height: 130px;
  top: 125px;
  .logo {
    position: absolute;
    left: 130px;
    top: 0px;
    width: 257px;
    height: 128px;
    background: url("../assets/images/v_logo_icon.png") no-repeat center;
    background-size: contain;
  }
}
</style>
